<template>
  <div class="title">
    <header>
      <span>爆款推荐</span>
    </header>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.title {
  width: 100%;
  header {
    padding: 0.4688rem 0;
    text-align: center;
    span {
      position: relative;
      text-align: center;
      font-size: 1.125rem;

      color: #333333;
    }
    span::after,
    span::before {
      content: "";
      position: absolute;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #d4c0a7;
      top: 50%;
      margin-top: -4px;
    }
    span::after {
      right: -20px;
    }
    span::before {
      left: -20px;
    }
  }
}
</style>